<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <link rel="stylesheet" href="index.css">

    <script src="process.js"></script>
    <script src="node_modules/jquery/dist/jquery.js"></script>
    <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">
    </script>
    <title>可视化仿真调度算法</title>
</head>
<body>
    <div id="main">
        <div class="title">
            <h1>可视化仿真调度算法</h1>
            <p>PS:填写进程到达时间时，注意不要出现空闲时间，会GG的</p>
        </div>

        <div id="process_num">
            <p>请输入进程数：</p>
            <input class="input" type="text" value="3">
            <button class="button"type="submit">提交</button>
        </div>

        <div id="arr">
        </div>

        <div id = "suanfa">
            <input type="button" value="显示">
            <p>FCFS</p>
            <div id="FCFS" style="background: #ddd"></div>
            <p>SJF</p>
            <div id="SJF" style="background: #ccc"></div>
            <p>SRT</p>
            <div id="SRT" style="background: #bbb"></div>
            <p>HRRN</p>
            <div id="HRRN" style="background: #aaa"></div>
        </div>
    </div>
</body>
<script>

</script>
</html>